<?php
require 'start.php';
echo pagetop();
?>
<div id="content"> 
  <div id="loading_page"> 
	<!-- Placeholder for page loader --> 
  </div> 
  <div id="page"> 
	<div id="stats">
		<h3>Average Sleep Per Day</h3>
		<p>12.2 Hours</p>
		<h3>Average Number of Meals Per Day</h3>
		<p>1.8</p>
		<h3>Last 24 Hours Activity</h3>
		<img src='images/graph.png' alt='' />
		<ul id='graphkey'>
			<li><img src='images/red.png' alt='' class='hotspotcolour' />Sleeping</li>
			<li><img src='images/blue.png' alt='' class='hotspotcolour' />Eating</li>
			<li><img src='images/green.png' alt='' class='hotspotcolour' />Playing</li>
		</ul>
	</div>
  </div> 
</div>
<?php
echo pagebottom();
?>